<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="estilo.css" rel="stylesheet" >
</head>

<body>
	<header class="topo">
    
   		<div class="container"> 	
      		<h1 class="logo">
                 		               
        		<a href="index.html">
            	
                	Dog
            
            	</a>
        
      		</h1>
            
      		<h2>um site para amantes de cães</h2>
           
        </div>
         <nav class="menu_sup">
            
            
         </nav>
        
    </header>
    <section class="banner">
    
    	<img src="img/banner.jpg" alt="Banner">
    
    </section>
    <div class="conteudo">
    
        <div class="container">
        
            <section class="noticias">
            	<article>
                	<h1 class="titulo">Tem uma ração favorita? Tente                                         Raça Fiel</h1>
                    <p>Aenean gravida magna ut                                             libero faucibus dictum. 
                    Donec sed magna commodo mauris tempus dapibus.</p>
                    
                    <a href="#">saibamais
                    	
                    </a>
                
                </article>
                
                <h1 class="titulo">Últimas notícias</h1>
                
                <article class="artigo">
                	<img src="img/1.jpg" alt="" class="left">
                    
                    <h1 class="titulo_art">Lorem ipsum dolor sit amet, 
                    consectetur adipiscing elit !.</h1>
                    
                    <p class="texto_resumo">Lorem ipsum dolor sit amet, consectetur 
                    adipiscing elit. Sed blandit massa vel mauris 		                    sollicitudin dignissim. Phasellus...</p>
                
                </article>
                <article class="artigo" >
                
                <img src="img/2.jpg" alt="" class="left">
                    
                    <h1 class="titulo_art">Lorem ipsum dolor sit amet, 
                    consectetur adipiscing elit !.</h1>
                    
                    <p class="texto_resumo">Lorem ipsum dolor sit amet, consectetur 
                    adipiscing elit. Sed blandit massa vel mauris 		                    sollicitudin dignissim. Phasellus...</p>
                	
                
                
                </article>
            
            
            </section>
            
            <aside class="coluna">
            
            	<div class="box">
                
                <h1 class="titu_aside">Venda de Filhotes</h1>
                
                	<img src="img/aside1.jpg" alt="" class="img_aside">
                
                
                </div>
                <div class="box">
                
                <h1 class="titu_aside">Venda de Filhotes</h1>
                
                	<img src="img/aside1.jpg" alt="" class="img_aside">
                
                </div>
            
            
            </aside>
            
        </div>
        
    </div>
    <section class="inferior">
    
    	<div class="container_inf">
        	<section class="lista">
            	<h3>Você ama cães ?</h3>
                
                <ul>
                	<li><a href="#">Comportamento</a></li>
                    <li><a href="#">Clínicas</a></li>
                    <li><a href="#">Adestramento</a></li>
                </ul>
            
            </section>
            
            <section class="lista">
            	<h3>Quer um cão ?</h3>
            	<ul>
                	<li><a href="#">Comportamento</a></li>
                    <li><a href="#">Clínicas</a></li>
                    <li><a href="#">Adestramento</a></li>
                </ul>
            
            </section>
            
            <section class="lista">
            <h3>Tem um cão ?</h3>
            	<ul>
                	<li><a href="#">Comportamento</a></li>
                    <li><a href="#">Clínicas</a></li>
                    <li><a href="#">Adestramento</a></li>
                </ul>
            </section>
            <section class="lista">
            	<h3>Tudo sobre cães</h3>
          <ul>
           <li class="estilo_news">Registre-se para nossa newsletter</li>
                  <li>
      			<form>
      				<input type="text" name=""/>
      				<input type="submit" value="IR" />
      			</form> 
                        </li>
                    
                    
                    </ul>
            
            
            </section>
        
        
        </div>
    
    
    </section>
    <footer class="rodape">
    
    	<div class="container">
        	
            <p>Dog  © 2012 | Política de Privacidade</p>
            	<ul class="rodape_menu">
                
                	<li><a href="#">Contato</a></li>
                    <li><a href="#">Artigos</a></li>
                    <li><a href="#">Compotamento</a></li>
                    <li><a href="#">Treinamento</a></li>
                    <li><a href="#">Home</a></li>
                
                </ul>
        
        </div>
    
    </footer>
    
</body>
</html>
